<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Tab选项卡——CSS样式初始化</title>
    <link rel="stylesheet" href="css/index2-2.css" />
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #323232;
        font-size: 12px;
        font-family: "微软雅黑";
      }
    </style>
  </head>
  <body>
    <div class="tab">
      <ul class="tab-nav">
        <li class="active">
          <a href="javascript:void(0)">新闻</a>
        </li>
        <li>
          <a href="#">娱乐</a>
        </li>
        <li>
          <a href="#">电影</a>
        </li>
        <li>
          <a href="#">科技</a>
        </li>
      </ul>
      <div class="content-wrap">
        <div class="content-item current">
          <img src="img/a.JPEG" />
        </div>
        <div class="content-item">
          <img src="img/b.JPEG" />
        </div>
        <div class="content-item">
          <img src="img/c.JPEG" />
        </div>
        <div class="content-item">
          <img src="img/d.jpg" />
        </div>
      </div>
    </div>
  </body>
</html>